<template>
    <div class="home">
           <header>
             <van-row type="flex" justify="center">
                  <van-col :span="6">
                    <span class="logo">头条</span>
                  </van-col>
                  <van-col :span="18">
                      <van-button icon="search" size="small" round> 搜索</van-button>

                  </van-col>
             </van-row>
           </header>
    </div>
</template>
<script>
import navbar from '../../components/navbar.vue'
export default {
  components: { navbar },
    
}
</script>
<style lang="scss">
  .home {
    width: 100%;
    header {
      background: #3196fa;
      color: #fff;
      padding: 10px;
      box-sizing: border-box;
      
      .van-row {
        .van-col {
          text-align: center;
        }
      }
      .van-button {
        width: 200px;
        background: #5babfb;
        border: none;
        color: #fff;
      }
    }
  }
</style>